<div class="product-preview">
{%if Sticker%}
	{%with Sticker%}
		<div class="sticker st-{% Code %}" title="{% Description %}">{% Code %}</div>
	{%endwith%}
{%endif%}
<div class="img-container" onmouseover="javascript:if (!$(this).data(&quot;hovered&quot;)){$('img.hovered',this).toggle();$(this).data(&quot;hovered&quot;,true);}" onmouseout="javascript:$('img.hovered',this).toggle();$(this).data(&quot;hovered&quot;,false);">
<a href="{% Link %}">
{%with Product%}
	{%assign vcover ``%}
	{%assign vbcover ``%}
	{%if Cover%}
		{%with Cover%}
			{%assign vcover GetThumbnailLink %}
		{%endwith%}
	{%endif%}
	{%if BackCover%}
		{%with BackCover%}
			{%assign vbcover GetThumbnailLink %}
		{%endwith%}
	{%endif%}
<img class="image{%if vbcover%} hovered{%endif%}" src="{% vcover %}" />
{%if vbcover%}
<img class="image hovered" src="{% vbcover %}" style="display:none;" />
{%endif%}
{%endwith%}
</a>
</div>
<table>
<tr>
<td>
<a class="title" href="{% Link %}">{% context %}</a>
</td>
<td class="buy-btn-holder">
{%with Product %}
{%if AllowOrder%}
<a class="buy-btn" href="#" onclick="javascript:AddToCart({% Id %});return false;"><button type="button" title="В корзину">Купить</button></a>
{%endif%}
{%endwith%}
</td>
</tr>
</table>
<div class="snippet">
{%if Snippet%}{% Snippet %}{%else%}{@%Description%}{%endif%}</div>
{%with Product %}
<div class="price">{% Price %} руб.</div>
{%endwith%}
</div>

